.mainone {
	width: 100%;
	height: 575px;
	position: absolute;
	background: #cacaca;
}

.blue {
	width: 1047px;
	height: 49%;
	float: left;
	/* border: 2px solid #55ffff; */
	background: #ffffff;
	margin-left: 8px;
}
.buleses {
	height: 30px;
	width: 433px;
	float: left;
	margin-top: 20px;
	margin-left: 300px;
	border-radius: 12px;
	border: 2px solid #ffffff;
}
#bulesesspanone {
	font: 17px "隶书";
}
.buleses #divT {
	font: 20px "隶书";
	color: #000000;
}
.blueone {
	margin-top: 40px;
	width: 150px;
	height: 90px;
	float: left;
	margin-left: 185px;
	background: #55aa00;
	border-radius: 12px;
	/* border: 1px solid #ff0000; */
}

.blueone1 {
	width: 50px;
	height: 40px;
	margin-top: 17px;
	float: left;
	/* border: 1px solid #ff0000; */
}

.blueone1 .layui-icon {
	/* 控制图标 */
	font-size: 40px;
	margin-left: 10px;
}

.blueone2 {
	width: 50px;
	height: 40px;
	margin-left: 20px;
	margin-top: 17px;
	float: left;
	/* border: 1px solid #ff0000; */
}

.blueone2 p {
	text-align: center;
	margin-top: 5px;
	color: #ffffff;
	width: 49px;
	font: 24px "隶书";
	font-size: 30px;
	height: 26px;
	/* border: 1px solid #000000; */
}

.blueone3 {
	width: 140px;
	height: 20px;
	margin-left: 5px;
	float: left;
	/* border: 1px solid #ff0000; */
}

.blueone3 p {
	color: #ffffff;
	font: 24px "隶书";
	font-size: 18px;
}

.bluetwo {
	margin-top: 40px;
	width: 150px;
	height: 90px;
	float: left;
	background: #ffaa00;
	margin-left: 25px;
	border-radius: 12px;
	/* border: 1px solid #ff0000; */
}

.bluethree {
	margin-top: 40px;
	width: 150px;
	height: 90px;
	float: left;
	background: #ff0000;
	margin-left: 25px;
	border-radius: 12px;
	/* border: 1px solid #ff0000; */
}

.bluefour {
	margin-top: 40px;
	width: 150px;
	height: 90px;
	float: left;
	background: #00caca;
	margin-left: 25px;
	border-radius: 12px;
	/* border: 1px solid #ff0000; */
}

.orange {
	width: 49%;
	height: 280px;
	float: left;
	margin-top: 10px;
	margin-left: 8px;
	/* border: 2px solid #552339; */
	/* div背景 */
	background: #ffffff;
}
.yellow {
	width: 49%;
	height: 280px;
	margin-left: 5px;
	margin-top: 10px;
	float: left;
	background: #ffffff;
	/* border: 2px solid #f4f4f4; */
}

#ziti {
	width: 100%;
	height: 10px;
	text-align: center;
	line-height: 10px;
	float: left;
	margin-top: 20px;
}

#ziti p {
	width: 100%;
	height: 100%;
	padding-top: 0px;
	font-family: "宋体", "仿宋", sans-serif;
	font-size: 150%;
	font-style: italic;
	color: #000000;
	/*字体颜色*/
	/* opacity: 0.5; */
	/*字体的透明度：1：默认样式，0：全透明*/
}

#container {
	left: 0px;
	top: -10px;
	width: 540px;
	height: 280px;
}

/* 文字轮播图 */
.buletou {
	width: 600px;
	height: 30px;
	margin-left: 223px;
	border-radius: 12px;
	background: #fafafa;
	border: 3px solid #ffffff;
}
.outer {
	width: 600px;
	height: 80px;
	overflow: hidden;
}

.outer ul {
	display: inline-block;
	height: 80px;
	-webkit-transform: translate3d(0, 0, 0);
	/* 3d渲染，开启硬件加速 */
	transform: translate3d(0, 0, 0);
	font-size: 0;
	/* 使inline-block无默认间距 */
	white-space: nowrap;
	/* 超出不折行 */
}

.outer ul li {
	display: inline-block;
	padding-right: 50px;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	font-size: 20px;
}
.outer li {
	color: #dfdf00;
	font: 24px "隶书";
}
.theanimation {
	animation: theanimation 10s infinite linear;
	-webkit-animation: theanimation 10s infinite linear;
}

@keyframes theanimation {
	from {
		transform: translateX(0%);
	}

	to {
		transform: translateX(-100%);
	}
}

@-webkit-keyframes theanimation {
	from {
		-webkit-transform: translateX(0%);
	}

	to {
		-webkit-transform: translateX(-100%);
	}
}
